<div class="wrap" id="wrap" style="margin-top:-5px;">
    <script>
        var tests = "${testQuestionsInfoList}".split("TestQuestionsInfo");
        var j = "${testQuestionsInfoListl}";
        while (j > 0) {
            document.getElementById("wrap").insertAdjacentHTML("afterBegin",//            beforeEnd
                "    <div class=\"item\"> </br>" +
                "           <div class=\"card-views\" style=\"margin-left:16px;margin-right:16px\"> " +
                "                <div class=\"card-view\"><span class=\"title\" style=\"text-align: center; vertical-align: middle; \"></span><span " +
                "                     class=\"value\">" + tests[j].split("testNumber='")[1].split("testQuestionsId")[0].split("'")[0] + "：" + tests[j].split("testTitle='")[1].split("testQuestionsId")[0].split("'")[0] + "</span></div> </br>" +
                "            <div class=\"card-view\" id=\"radio1A" + j + "\"><span class=\"title\" " +
                "                                         style=\"text-align: center; vertical-align: middle; \"></span><span " +
                "                    class=\"value\">A：" + tests[j].split("optionsA='")[1].split("testQuestionsId")[0].split("'")[0] + "</span></div> </br>" +
                "            <div class=\"card-view\" id=\"radio1B" + j + "\"><span class=\"title\" " +
                "                                         style=\"text-align: center; vertical-align: middle; \"></span><span " +
                "                    class=\"value\">B：" + tests[j].split("optionsB='")[1].split("testQuestionsId")[0].split("'")[0] + "</span></div> </br>" +
                "            <div class=\"card-view\" id=\"radio1C" + j + "\"><span class=\"title\" " +
                "                                         style=\"text-align: center; vertical-align: middle; \"></span><span" +
                "                    class=\"value\">C：" + tests[j].split("optionsC='")[1].split("testQuestionsId")[0].split("'")[0] + "</span></div> </br>" +
                "            <div class=\"card-view\" id=\"radio1D" + j + "\"><span class=\"title\" " +
                "                                         style=\"text-align: center; vertical-align: middle; \"></span><span" +
                "                    class=\"value\">D：" + tests[j].split("optionsD='")[1].split("testQuestionsId")[0].split("'")[0] + "</span></div> </br>" +
//                "            <div class=\"card-view\" style=\"display: none\" id=\"radio1E" + j + "\"><span class=\"title\" " +
//                "                                         style=\"text-align: center; vertical-align: middle; \"></span><span " +
//                "                    class=\"value\">E：" + tests[j].split("optionsE='")[1].split("testQuestionsId")[0].split("'")[0] + "</span></div> </br>" +
                "            <div class=\"card-view\"><span class=\"title\" style=\"text-align: center; vertical-align: middle; \"></span><span " +
                "                    class=\"value\">正确答案：" + tests[j].split("correctAnswer='")[1].split("testQuestionsId")[0].split("'")[0] + "</span></div> ");
            j--;
        }
        var myslider = new iSlider({
            wrap: '#wrap',
            isVertical: false,
            speed: 1000,
            onslide: function (index) {
                var indexs = index + 1;
                $.ajax({
                    url: "${ctxPath}/recite/updatesCurrentPage",
                    type: "post",
                    data: {
                        "userId": document.getElementById("userId").value,
                        "chapter": document.getElementById("chapter").value,
                        "currentPage": index
                    },
                    success: function (data) {
                    },
                    error: function (data) {
                        alert('错误!');
                    }
                });
                document.getElementById("numbers").innerHTML = "" + indexs + "/${testQuestionsInfoListl}";
            }
        });
    </script>
</div>